在JavaScript中，null 和 undefined 都表示“空”或“无”的值，但它们有一些关键的区别和不同的使用场景。下面是它们的区别以及一些常见的判断方法：

区别

1. undefined：

   • undefined 表示一个变量被声明了，但还没有被赋值。
   • 例如：let x; 此时 x 的值是 undefined。
   • 访问一个对象的未定义属性时，也会返回 undefined。
   • 例如：let obj = {}; console.log(obj.prop); 此时 obj.prop 的值是 undefined。

2. null：

   • null 是一个空值，表示一个变量是“空”的或“没有值”。
   • null 通常用于手动将变量设置为空值，表示该变量是已知的、有意的空值。
   • 例如：let y = null; 此时 y 的值是 null。

判断方法

1. 严格相等运算符（===）：

   • 使用严格相等运算符可以区分 null 和 undefined，因为它们不是相等的值。

   let x = undefined;
   let y = null;
   
   console.log(x === undefined); // true
   console.log(y === null);      // true
   console.log(x === null);      // false
   console.log(y === undefined); // false
   

2. 宽松相等运算符（==）：

   • 使用宽松相等运算符时，null 和 undefined 会被认为是相等的，因为它们在比较时会被相互转换。

   let x = undefined;
   let y = null;
   
   console.log(x == undefined); // true
   console.log(y == null);      // true
   console.log(x == null);      // true
   

3. typeof 运算符：

   • 使用 typeof 运算符可以判断一个变量是否是 undefined，但 typeof null 会返回 'object'，这是一个JavaScript中的历史遗留问题。

   let x = undefined;
   let y = null;
   
   console.log(typeof x === 'undefined'); // true
   console.log(typeof y === 'object');    // true (注意：这是JavaScript的一个怪癖)
   

4. 联合判断：

   • 如果你想判断一个变量是否是 null 或 undefined，可以结合使用 == 或 === 运算符。

   let x = undefined;
   let y = null;
   let z = 0;
   
   console.log(x == null); // true (x 是 undefined)
   console.log(y == null); // true (y 是 null)
   console.log(z == null); // false (z 是 0)
   
   console.log(x === null || x === undefined); // true (x 是 undefined)
   console.log(y === null || y === undefined); // true (y 是 null)
   console.log(z === null || z === undefined); // false (z 是 0)
   

总结

• 使用 === 运算符可以严格区分 null 和 undefined。
• 使用 == 运算符时，null 和 undefined 会被认为是相等的。
• typeof 运算符可以用来判断 undefined，但 typeof null 会返回 'object'。
• 为了判断一个变量是否是 null 或 undefined，通常使用 == null 是比较方便的。

希望这些信息能帮助你更好地理解和使用 null 和 undefined。